<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="tree" class="ztree"></ul>
<article class='markdown-body'>
    写内容
</article>

<!--生成侧边目录-->
<link rel="stylesheet" type="text/css" href="http://i5ting.github.io/git-quick-start/preview/style/zTreeStyle/zTreeStyle.css">
<script type="text/javascript" src="http://i5ting.github.io/git-quick-start/preview/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript"
        src="http://i5ting.github.io/git-quick-start/preview/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="http://i5ting.github.io/git-quick-start/preview/js/jquery.ztree_toc.js"></script>
<SCRIPT type="text/javascript">
    $(document).ready(function () {
        $('#tree').ztree_toc({
            is_auto_number: true,
            documment_selector: '.markdown-body',
            ztreeStyle: {
                width: '260px',
                overflow: 'auto',
                position: 'fixed',
                'z-index': 2147483647,
                border: '0px none',
                left: '0px',
                top: '0px'
            }
        });
    });
</SCRIPT>
</body>
</html>